<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>


<style>
            *{margin: 0px;
              padding: 0px;
              list-style: none;}
        

        .first{
             height: 500px;
        background:url('images/123.jpg') repeat-x;
            margin: 0px auto;
        }   

        .second{width: 968px;
                height: 378px;
                
               
                margin: 0px auto;
                margin-top: 48px;
                margin-bottom: 27px;}
                       


         .third{width: 968px;
                height: 50px;
              border-top: 1px solid #979797;
                margin: 0px auto;}        

              
              .f1{width: 1197px;
                   height: 74px;
                   margin: 0px  auto;
                  
                  
                  } 
               .f1 h1{float: left;
                   margin-top: 10px;
                   margin-bottom: 20px;
                   margin-left: 85px;
                  
                   } 
           
              .f1 a{ 
                 text-decoration: none;
                   margin: 27px 10px;
                   font-size: 14px;
                   color: #ffffff;
                   }
                    .f1 ul{
                      float: right;
                     margin-right: 150px;
                     margin-top: 27px;}
              .f1 li{float: left}

             .f2{width: 1195px;
                  height: 400px;
                  
                   margin: 25px auto 0px auto;}
            .f2-1{width: 500px;
                  height: 400px;
                 
                  float: left;
                  margin-right: 195px;} 
             .f2-2{width: 500px;
                   height: 400px;
                  
                    float: left;
                 }  
             .title{font-size: 25px;
                      font-weight: 400px;
                      margin-left: 100px;}
             .p1{margin-left: 100px;
                margin-bottom: 10px;
                margin-top: 10px;
                 color: #979797;
             }
               .p2,.p3{color: #979797;
                       margin-left: 100px;
                            margin-bottom: 10px;}   
                 .a1 img{
                   height: 64px;
                   width: 223px;
                   margin-top: 30px;
                   border-radius: 15px;
                   margin-left: 100px;}
                   .u2 li{color: #609700;
                        margin-left: 120px;
                        margin-bottom: 10px;
                         text-decoration: none;}

                    .s1 li{height: 118px;
                         width: 632px;
                         margin-right: 10px;
                        }
                     .a2{color: #609700;
                           text-decoration: none;
                           margin-right: 10px;}
                    
                      .bs2{width: 300px;
                          height: 378px;
                             margin-right: 20px;
                             float: right;
                             }
                   .bs{float: left;
                       height: 378px;
                       margin-left: -22px;
                   }   


                      .hhh{margin-top: 10px;
                            margin-right: 10px;}
                 .uu5 li{margin: 10px 0px 10px 10px;
                             }
                .uu5 li a{color: #609700;
                text-decoration: none;}    
                  .u5-1 li{margin-bottom: 10px;
                              }
                  
                  .da a{margin-left: 10px;
                       text-decoration: none;
                       color: #609700;} 

 
       .xz li{float: left;
                        }

     .yidtwo{margin-left: 62px;
     display: block;}

   .yidthree{
     margin-left: 93px;
   }
 
    .xz a{text-decoration: none;
          color: #609700;}

    .xz p{color: #979797;
    font-size: 14px;}

.uu5 span{color: red;
         font-size: 10px;}

    .uu5 a{font-size: 12px;
                           }

.uu5 p{
          font-size: 14px;
          color: #979797;
   float: right;
   
}

.endpic{margin-top: 226px;
            }
 
 .endpic span{margin-top: 10px;
 color: #979797;}


.third p{font-size: 5px;
    color: #979797;
    margin-top: 5px;}

.third li{font-size: 5px;
  color:#979797; 
  float: right; 
  margin-top: -17px;}
</style>



</head>

<body>
    <div class="first">
        <div class="f1">  
            <h1><a href="">
                <img src="images/456.png" alt="" width="160px" height="50px" >
            </a>
          </h1>
        
          <ul >
           <li > <a href="">首页</a></li>
              
            <li> <a href="">帮助与反馈 </a></li>

            <li> <a href="">公众平台</a></li>

            <li> <a href="">开放平台</a></li>

            <li> <a href="">微信支付 </a></li>

            <li> <a href="">微信广告</a></li>

            <li> <a href="">企业微信</a></li>

            <li> <a href="">表情开放平台</a></li>


            <li> <a href="">微信网页版</a></li>
          </ul>
          </div>
          <div class="f2"> 
            <div class="f2-1">
                <h1 class="title">
      <span>微信，是一个生活方式</span>
                </h1>
                <p class="p1">超过十亿人使用的手机应用</p>
                <p class="p2">支持发送语音短信、视频、图片和文字</p>
                <p class="p3">可以群聊，仅耗少量流量，适合大部分智能手机</p>
                <a href class="a1"> <img src="images/down.png" alt=""></a>
          <ul class="u2">
              <li>忘记了微信账号或密码？</li>
              <li>自助解除登录或功能限制</li>
              <li>冻结或解冻微信账号</li>
              
            </ul>


            </div>
            <div class="f2-2">
           <img src="images/navcomputer.png" alt="">

            </div>
            


       
      </div>
      </div>
     
      
      
      
      <div class="second">
        <div class="bs">
          <img src="images/3computer.png" alt=""></a>
        <ul class="xz">
          <li>
            <h4>微信网页版</h4>
            <p>扫一扫二维码</p>
            <p>就能在浏览器上使用微信</p>
            <a href="" class="a2">了解更多</a>        
          </li>
          <li class="yidtwo">
             <h4>微信Mac版</h4>
            <p>极致简洁，迅捷沟通</p>
            <p><a href="">了解更多</a></p>
           
           <li class="yidthree">
            <h4>微信 Windows 版</h4>
            <p>让沟通更方便</p>
            <p><a href="">了解更多</a></p>
           </li>

              <li class="endpic">
               
                <img src="images/L.png" alt=""><span>联系我们</span>
                
              </li>


      </ul>
      
      
        </div> 
        <div class="bs2">
         <h4 class="hhh">最新消息</h4>
        <ul class="uu5">
          <li> <a href="">微信 8.0.3 for iOS 正式版发布</a><span>(New)</span><p>01-21</p>
            </li>

          <li><a href=""> 微信 8.0.2 for Android 正式版发布</a><span>(New)</span><p>01-22</p></li>
          
          <li><a href="">微信 3.2.1 for Windows 正式版发布</a><span>(New)</span><p>01-23</p>
          </li>

          <li><a href="">微信 2.6.1 for Mac 正式版发布</a><span>(New)</span><p>01-24</p></li>

          <li><a href="">关于部分 iOS 9 用户无法更新微信</a><span>(New)</span><p>01-25</p></li>

          <li><a href="">微信外部链接内容管理规范</a><span>(New)</span><p>01-26</p></li>

          <li><a href="">微信网页版 2.1 版本发布</a><span>(New)</span><p>01-27</p></li>

          <li> <a href="">微信表情开放平台上线</a><span>(New)</span><p>01-28</p></li>

          <li class="u5-1"><a href="">官方辟谣公众号开通</a><span>(New)</span><p>01-29</p></li>
        </ul>
       <div class="da"><a href="">查看更多</a></div>
        </div>
        
        </div>


      <div class="third">
    <p>关于腾讯 | 服务条款 | 使用规范 | 客服中心 | 隐私保护指引</p>
    <li>简体中文 |  繁體中文 |  English
      </li>
    <p>© 1998 - 2021 Tencent Inc. All Rights Reserved</p>
      </div>


</body>
</html>